﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.3 记录睡眠</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_3_记录睡眠/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/3_3_记录睡眠/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u887" class="ax_default" data-left="107" data-top="160" data-width="345" data-height="683">

        <!-- Unnamed (图片 ) -->
        <div id="u888" class="ax_default _图片">
          <img id="u888_img" class="img " src="images/1_1_闹钟首页/u14.png"/>
          <div id="u888_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u889" class="ax_default box_1">
          <div id="u889_div" class=""></div>
          <div id="u889_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u890" class="ax_default _图片">
          <img id="u890_img" class="img " src="images/1_1_闹钟首页/u16.png"/>
          <div id="u890_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u891" class="ax_default _图片">
          <img id="u891_img" class="img " src="images/1_1_闹钟首页/u17.png"/>
          <div id="u891_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u892" class="ax_default" data-left="129" data-top="758" data-width="300" data-height="66">

        <!-- Unnamed (图片 ) -->
        <div id="u893" class="ax_default _图片">
          <img id="u893_img" class="img " src="images/1_1_闹钟首页/u19.png"/>
          <div id="u893_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u894" class="ax_default" data-left="146" data-top="765" data-width="181" data-height="38">

          <!-- Unnamed (矩形) -->
          <div id="u895" class="ax_default _文本段落1">
            <div id="u895_div" class=""></div>
            <div id="u895_text" class="text ">
              <p><span>闹钟</span></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u896" class="ax_default ellipse">
            <img id="u896_img" class="img " src="images/1_1_闹钟首页/u22.svg"/>
            <div id="u896_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u897" class="ax_default ellipse">
            <img id="u897_img" class="img " src="images/1_1_闹钟首页/u22.svg"/>
            <div id="u897_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u898" class="ax_default" data-left="159" data-top="765" data-width="107" data-height="38">

          <!-- Unnamed (矩形) -->
          <div id="u899" class="ax_default _文本段落1">
            <div id="u899_div" class=""></div>
            <div id="u899_text" class="text ">
              <p><span>计时</span></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u900" class="ax_default ellipse">
            <img id="u900_img" class="img " src="images/1_1_闹钟首页/u25.svg"/>
            <div id="u900_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u901" class="ax_default ellipse">
            <img id="u901_img" class="img " src="images/1_1_闹钟首页/u25.svg"/>
            <div id="u901_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u902" class="ax_default" data-left="293" data-top="789" data-width="47" data-height="14">

          <!-- Unnamed (矩形) -->
          <div id="u903" class="ax_default _文本段落1">
            <div id="u903_div" class=""></div>
            <div id="u903_text" class="text ">
              <p><span>舒眠</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u904" class="ax_default" data-left="366" data-top="765" data-width="47" data-height="38">

          <!-- Unnamed (矩形) -->
          <div id="u905" class="ax_default _文本段落1">
            <div id="u905_div" class=""></div>
            <div id="u905_text" class="text ">
              <p><span>设置</span></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u906" class="ax_default ellipse">
            <img id="u906_img" class="img " src="images/1_1_闹钟首页/u25.svg"/>
            <div id="u906_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u907" class="ax_default" data-left="142" data-top="260" data-width="275" data-height="145">

        <!-- Unnamed (占位符) -->
        <div id="u908" class="ax_default _形状1">
          <img id="u908_img" class="img " src="images/3_3_记录睡眠/u908.svg"/>
          <div id="u908_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u909" class="ax_default _一级标题1">
          <div id="u909_div" class=""></div>
          <div id="u909_text" class="text ">
            <p><span>小憩</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u910" class="ax_default" data-left="142" data-top="428" data-width="275" data-height="145">

        <!-- Unnamed (占位符) -->
        <div id="u911" class="ax_default _形状1">
          <img id="u911_img" class="img " src="images/3_3_记录睡眠/u911.svg"/>
          <div id="u911_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u912" class="ax_default _一级标题1">
          <div id="u912_div" class=""></div>
          <div id="u912_text" class="text ">
            <p><span>环境调节</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u913" class="ax_default" data-left="142" data-top="596" data-width="275" data-height="145">

        <!-- Unnamed (占位符) -->
        <div id="u914" class="ax_default _形状1">
          <img id="u914_img" class="img " src="images/3_3_记录睡眠/u914.svg"/>
          <div id="u914_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u915" class="ax_default _一级标题1">
          <div id="u915_div" class=""></div>
          <div id="u915_text" class="text ">
            <p><span>记录睡眠</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u916" class="ax_default _图片">
        <img id="u916_img" class="img " src="images/3_1_小憩/u703.png"/>
        <div id="u916_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u917" class="ax_default" data-left="301" data-top="637" data-width="100" data-height="121">

        <!-- Unnamed (图片 ) -->
        <div id="u918" class="ax_default _图片">
          <img id="u918_img" class="img " src="images/1_2_闹钟列表设置页/u111.png"/>
          <div id="u918_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u919" class="ax_default _二级标题1">
          <div id="u919_div" class=""></div>
          <div id="u919_text" class="text ">
            <p><span>单击</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u920" class="ax_default arrow">
        <img id="u920_img" class="img " src="images/1_2_闹钟列表设置页/u113.svg"/>
        <div id="u920_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u921" class="ax_default" data-left="637" data-top="160" data-width="345" data-height="683">

        <!-- Unnamed (图片 ) -->
        <div id="u922" class="ax_default _图片">
          <img id="u922_img" class="img " src="images/1_1_闹钟首页/u14.png"/>
          <div id="u922_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u923" class="ax_default box_1">
          <div id="u923_div" class=""></div>
          <div id="u923_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u924" class="ax_default _图片">
          <img id="u924_img" class="img " src="images/1_1_闹钟首页/u16.png"/>
          <div id="u924_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u925" class="ax_default _图片">
          <img id="u925_img" class="img " src="images/1_1_闹钟首页/u17.png"/>
          <div id="u925_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u926" class="ax_default _图片">
        <img id="u926_img" class="img " src="images/3_1_小憩/u714.png"/>
        <div id="u926_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u927" class="ax_default _形状1">
        <img id="u927_img" class="img " src="images/3_1_小憩/u715.svg"/>
        <div id="u927_text" class="text ">
          <p><span>开始睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u928" class="ax_default _形状1">
        <img id="u928_img" class="img " src="images/3_1_小憩/u716.svg"/>
        <div id="u928_text" class="text ">
          <p><span>睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u929" class="ax_default ellipse">
        <img id="u929_img" class="img " src="images/3_1_小憩/u731.svg"/>
        <div id="u929_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u930" class="ax_default box_1">
        <img id="u930_img" class="img " src="images/3_1_小憩/u732.svg"/>
        <div id="u930_text" class="text ">
          <p><span>07：15</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u931" class="ax_default _图片">
        <img id="u931_img" class="img " src="images/3_1_小憩/u713.png"/>
        <div id="u931_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u932" class="ax_default text_field">
        <img id="u932_img" class="img " src="images/3_3_记录睡眠/u932.svg"/>
        <input id="u932_input" type="text" value="电量情况及是否需要充电" class="u932_input"/>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u933" class="ax_default arrow">
        <img id="u933_img" class="img " src="images/1_2_闹钟列表设置页/u113.svg"/>
        <div id="u933_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u934" class="ax_default" data-left="1161" data-top="160" data-width="345" data-height="683">

        <!-- Unnamed (图片 ) -->
        <div id="u935" class="ax_default _图片">
          <img id="u935_img" class="img " src="images/1_1_闹钟首页/u14.png"/>
          <div id="u935_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u936" class="ax_default box_1">
          <div id="u936_div" class=""></div>
          <div id="u936_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u937" class="ax_default _图片">
          <img id="u937_img" class="img " src="images/1_1_闹钟首页/u16.png"/>
          <div id="u937_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u938" class="ax_default _图片">
          <img id="u938_img" class="img " src="images/1_1_闹钟首页/u17.png"/>
          <div id="u938_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u939" class="ax_default _图片">
        <img id="u939_img" class="img " src="images/3_1_小憩/u714.png"/>
        <div id="u939_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u940" class="ax_default _形状1">
        <img id="u940_img" class="img " src="images/3_1_小憩/u715.svg"/>
        <div id="u940_text" class="text ">
          <p><span>长按结束</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u941" class="ax_default _形状1">
        <img id="u941_img" class="img " src="images/3_1_小憩/u716.svg"/>
        <div id="u941_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u942" class="ax_default ellipse">
        <img id="u942_img" class="img " src="images/3_1_小憩/u731.svg"/>
        <div id="u942_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u943" class="ax_default box_1">
        <img id="u943_img" class="img " src="images/3_1_小憩/u732.svg"/>
        <div id="u943_text" class="text ">
          <p><span>当前时间</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u944" class="ax_default text_field">
        <img id="u944_img" class="img " src="images/3_3_记录睡眠/u932.svg"/>
        <input id="u944_input" type="text" value="电量情况及是否需要充电" class="u944_input"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u945" class="ax_default flow_shape">
        <div id="u945_div" class=""></div>
        <div id="u945_text" class="text ">
          <p><span>记录睡眠逻辑</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u946" class="ax_default flow_shape">
        <div id="u946_div" class=""></div>
        <div id="u946_text" class="text ">
          <p><span>点击舒眠页面，找到“记录睡眠”模块，单击跳转至“睡眠”界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u947" class="ax_default flow_shape">
        <div id="u947_div" class=""></div>
        <div id="u947_text" class="text ">
          <p><span>在“睡眠”见面顶部标题栏需特别强调手机电量，当电量高于80%时，提醒用户“电量充足，请安心入睡”，文字呈现绿色；当电量高于40%低于80%时，提醒用户“电量适中，根据情况判定是否需要充电”，文字呈现橙色；当电量低于40%时，提醒用户“电量较低，建议接入电源进行充电”，文字呈现红色。</span></p><p><span>圆盘为用户设置的起床时间，上下滑动即可调节。</span></p><p><span>单击开始睡眠，页面跳转至当前时间页面。单击右上角设置按钮跳转至系统设置页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u948" class="ax_default flow_shape">
        <div id="u948_div" class=""></div>
        <div id="u948_text" class="text ">
          <p><span>当前时间页面下，关闭按钮消失，圆盘中央显示当前时间，顶部标题栏提示当前电量情况及是否需要充电。长按结束按钮后，页面跳转回上级页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u949" class="ax_default arrow">
        <img id="u949_img" class="img " src="images/1_2_闹钟列表设置页/u113.svg"/>
        <div id="u949_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u950" class="ax_default" data-left="1700" data-top="160" data-width="345" data-height="683">

        <!-- Unnamed (图片 ) -->
        <div id="u951" class="ax_default _图片">
          <img id="u951_img" class="img " src="images/1_1_闹钟首页/u14.png"/>
          <div id="u951_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u952" class="ax_default box_1">
          <div id="u952_div" class=""></div>
          <div id="u952_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u953" class="ax_default _图片">
          <img id="u953_img" class="img " src="images/1_1_闹钟首页/u16.png"/>
          <div id="u953_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u954" class="ax_default _图片">
          <img id="u954_img" class="img " src="images/1_1_闹钟首页/u17.png"/>
          <div id="u954_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u955" class="ax_default _图片">
        <img id="u955_img" class="img " src="images/3_1_小憩/u714.png"/>
        <div id="u955_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u956" class="ax_default _形状1">
        <img id="u956_img" class="img " src="images/3_1_小憩/u715.svg"/>
        <div id="u956_text" class="text ">
          <p><span>开始睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u957" class="ax_default _形状1">
        <img id="u957_img" class="img " src="images/3_1_小憩/u716.svg"/>
        <div id="u957_text" class="text ">
          <p><span>睡眠</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u958" class="ax_default ellipse">
        <img id="u958_img" class="img " src="images/3_1_小憩/u731.svg"/>
        <div id="u958_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u959" class="ax_default box_1">
        <img id="u959_img" class="img " src="images/3_1_小憩/u732.svg"/>
        <div id="u959_text" class="text ">
          <p><span>07：15</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u960" class="ax_default _图片">
        <img id="u960_img" class="img " src="images/3_1_小憩/u713.png"/>
        <div id="u960_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u961" class="ax_default text_field">
        <img id="u961_img" class="img " src="images/3_3_记录睡眠/u932.svg"/>
        <input id="u961_input" type="text" value="电量情况及是否需要充电" class="u961_input"/>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
